@import url(reset.less);
.ad_container {
	width: 100%;
	height: 100%;
}
.ad_aside{
	height: 100%;
	width: 180px;
	background-color: #222d32;
	float: left;
	position: absolute;
	.brand {
		height: 50px;
		width: 100%;
		background-color: #367fa9;
		a {
			display: block;
			width: 100%;
			height: 100%;	
			font-size: 30px;
			color: #fff;
			text-align: center;
			line-height: 50px;
		}
	}	
	.user {
		width: 100%;
		font-size: 12px;
		margin: auto;
		padding: 20px 20px;
		img {
			height: 50px;
			width: 50px;
			border-radius: 50%;
			text-align: center;
		}
		span {
			text-align: center;
			color: #fff;
		}
	}
	.menu {

		ol{

			li{
				a{
					color: #aaa;
					display: block;
					height: 40px;
					padding-left: 30px;
					line-height: 40px;
					span{}

				}
				.child {
					position:relative;
					display: none;
					a {
						height: 30px;
						display: block;
						font-size: 12px;
						padding-left: 50px;
						&.active {
							color: #fff;
						}
					}
				}


				&.active > a{
					background-color: #1d1f21;
					color: #fff;
				}
			}
		}
	}
}


.ad_section {
	overflow: hidden;
	padding-left: 180px;
	width: 100%;
	
	&.done {
		padding-left: 0;
	}

	header {
		height: 50px;
		background-color: #3c8dbc;
		margin-bottom: 15px;
		a {
			color: #fff;
			font-size: 18px;
			text-align: center;
			line-height: 50px;
			span{
			}

			&:first-child{
				float: left;
				padding-left: 15px;
			}
			&:last-child{
				float: right;
				padding-right: 15px;
			}
		}
	}
	.contanier-fluid {
		padding: 0 15px;
		.pagination{
			margin: 0;
			float: right;
			
		}
		
		.breadcrumb {
			li{
				&.active {
					a {
						color: #337ab7;
					}
				}
			}
			a {
				color: #666;

			}
		}


		.content {
			td,th{
				text-align: center;
			}
		}
	}
}
